<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
    <title>Ext JS Migration Demo (3.x Compatibility Mode)</title>
    <!-- Ext 4.0 -->
    <%= stylesheet_link_tag "/javascripts/ext4/resources/css/ext-all.css" %>
    <%= javascript_include_tag "ext4/ext-all-debug.js" %>

    <!-- Ext 3.x compatibility -->
    <%= javascript_include_tag "ext4/ext3-core-compat.js" %>
    <%= javascript_include_tag "ext4/ext3-compat.js" %>

    <!-- App-specific -->
    <link rel="stylesheet" type="text/css" href="../shared/app.css" />
    <style type="text/javascript">
      /* BEGIN-COMPAT
       * The tree and grid now share the same base class / markup, so the CSS rule
       * needed to customize the selected node style must be updated accordingly.
       * This overrides the default rule from app.css above.
      */
      .x-tree-panel .x-grid-row-selected .x-grid-cell-inner {
        font-weight: bold;
      }
      /* END-COMPAT */
    </style>
    <script type="text/javascript">
      Ext.ns('Ext.migration');
      Ext.Compat.showErrors = true;
      
      Ext.onReady(function(){
        //Ext.migration.App.init();
      });
    </script>
  </head>
  <body>
  </body>
</html>